Skip to content

design: 본문·alert 박스의 80% 폭 제한 해제로 풀폭 통일#217

Merged
haksungjang merged 1 commit into
masterfrom
design/content-full-width
Jun 10, 2026
Merged

design: 본문·alert 박스의 80% 폭 제한 해제로 풀폭 통일#217
haksungjang merged 1 commit into
masterfrom
design/content-full-width

Conversation

@haksungjang

Copy link
Copy Markdown
Member

배경

문서 페이지에서 본문 문단과 alert 박스의 오른쪽이 일찍 끝나 pageinfo 박스와 폭이 어긋나 보입니다.

원인은 Docsy(v0.15.0)가 .td-content 직계 자식(> p, > .alert, > ul 등)에 큰 화면(lg 이상)에서 max-width: 80%를 적용하는 줄 길이 제한입니다(td/_content.scss). 기존 커스텀 SCSS 7번 절의 "본문 폭은 Docsy 컬럼이 제어 — 별도 max-width 제한 없음" 주석이 의도한 풀폭 설계가 이 기본 규칙에 가려져 있던 상태라, 이번 수정이 그 의도를 완성합니다.

변경

assets/scss/_styles_project.scss에 Docsy의 해당 선택자 목록을 미러링해 같은 특이도로 max-width: none을 덮습니다. 유틸리티 클래스(.td-max-width-on-larger-screens) 자체는 tabbed-pane 등 다른 쇼트코드가 쓰므로 건드리지 않았습니다. 폰트 크기는 변하지 않고 줄 길이만 본문 컬럼 폭에 맞게 늘어납니다.

OpenChain-KWG 사이트에 같은 수정을 먼저 적용해 검증했습니다(OpenChain-Project/OpenChain-KWG#303).

검증

  • hugo --minify 빌드 성공.
  • 컴파일된 CSS에서 오버라이드가 Docsy의 80% 규칙 뒤에 위치(동일 특이도, 캐스케이드로 적용)함을 확인.

@haksungjang haksungjang merged commit b496125 into master Jun 10, 2026
@haksungjang haksungjang deleted the design/content-full-width branch June 10, 2026 02:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant